<!-- INCLUDE overall_header.html -->

<script type="text/javascript">

		<!--
		function change_palette()
		{
		        dE('colour_palette');                                                           
		}
				
		//-->

        function cat_couleur(text)
        {               
                document.getElementById('color').value = text;
                verifValeurTitre('color', 'ajout1');
        }
                function colorPalette(dir, width, height)
{
        var r = 0, g = 0, b = 0;
        var numberList = new Array(6);
        var color = '';

        numberList[0] = '00';
        numberList[1] = '40';
        numberList[2] = '80';
        numberList[3] = 'BF';
        numberList[4] = 'FF';

        document.writeln('<table cellspacing="1" cellpadding="0" border="0" width="150">');

        for (r = 0; r < 5; r++)
        {
                if (dir == 'h')
                {
                        document.writeln('<tr>');
                }

                for (g = 0; g < 5; g++)
                {
                        if (dir == 'v')
                        {
                                document.writeln('<tr>');
                        }
                        
                        for (b = 0; b < 5; b++)
                        {
                                color = String(numberList[r]) + String(numberList[g]) + String(numberList[b]);
                                document.write('<td bgcolor="#' + color + '" style="width: ' + width + 'px; height: ' + height + 'px;">');
                                document.write('<a href="#" onclick="cat_couleur(\'#' + color + '\'); return false;"><img src="images/spacer.gif" width="' + width + '" height="' + height + '" alt="#' + color + '" title="#' + color + '" /></a>');
                                document.writeln('</td>');
                        }

                        if (dir == 'v')
                        {
                                document.writeln('</tr>');
                        }
                }

                if (dir == 'h')
                {
                        document.writeln('</tr>');
                }
        }
        document.writeln('</table>');
}
                
</script>

<a name="maincontent"></a>

<!-- IF .infos -->
	<div class="successbox">
		<!-- BEGIN infos -->
			{infos.INFO_MSG}<br />
		<!-- END infos -->
	</div>
<!-- ENDIF -->

<!-- IF .erreurs -->
	<div class="errorbox">
		<!-- BEGIN erreurs -->
			{erreurs.ERREUR_MSG}<br />
		<!-- END erreurs -->
	</div>
<!-- ENDIF -->

<h1>Ajout d'une cat&eacute;gorie</h1>

<p>Il vous suffit de donner quelques infos, et hop une nouvelle cat&eacute;gorie est n&eacute;e !</p>

<fieldset>
	<legend>Informations &agrave; donner</legend>
	<form name="ajout1" method="post" action="{LINK}">
		<p class="double">
			<span class="gauche">
				<label for="titre">Titre : </label>
				<span class="correction" id="titre-correction"></span>
			</span>
			<span class="droite">
				<input type="text" name="titre" id="titre" onfocus="javascript:afficheInfo('')"  onblur="javascript:verifValeurTitre('titre', 'ajout1')" value="{TITRE}" />
				<span id="titre-valid">&nbsp;</span>
			</span>
		</p>
		<p class="double">
			<span class="gauche">
				<label for="parent">Parent :</label>
				<span class="info" id="parent-info">(Le parent est la cat&eacute;gorie sup&eacute;rieure hi&eacute;rarchiquement. Elle d&eacute;termine la position de la nouvelle cat&eacute;gorie et permet de donner des informations par d&eacute;faut. Si pas de parent ne choisissez pas de cat&eacute;gorie.)</span>
			</span>
			<span class="droite">
				<select name="parent" id="parent" onfocus="javascript:afficheInfo('parent-info')" onblur="javascript:verifValeurSelect('parent', 'ajout1')" onchange="javascript:verifValeurSelect('parent', 'ajout1')">
					<option value="null">Choisissez le parent</option>
					<!-- BEGIN list_cats -->
						<option value="{list_cats.CAT_ID}" <!-- IF list_cats.CAT_ID == PARENT -->selected="selected"<!-- ENDIF -->>{list_cats.TITRE_TAB}</option>
					<!-- END list_cats -->
				</select>
				<span id="categorie-valid"><img src="images/file_up_to_date.gif" alt="ok" /></span>
			</span>
		</p>
		<p class="double">
			<span class="gauche">
				<label for="logo">Logo : </label>
				<span class="info" id="logo-info">(Donnez juste le nom de l'image du logo de la cat&eacute;gorie. Celui ci doit &circ;tre plac&eacute; dans /images/logos/ . Si vous ne donnez rien le logo sera celui de son parent.)</span>
			</span>
			<span class="droite">
				<input type="text" name="logo" id="logo" onfocus="javascript:afficheInfo('logo-info')" value="{LOGO}" />
				<span id="titre-valid"><img src="images/file_up_to_date.gif" alt="ok" /></span>
			</span>
		</p>
		<p class="double">
			<span class="gauche">
				<label for="style">Style : </label>
				<span class="info" id="style-info">(Donnez juste le nom du r&eacute;pertoire qui contient les fichiers de style du dossier (images, css...). Celui ci doit &circ;tre plac&eacute; dans theme/dmi du répertoire du style par d&eacute;faut. Si vous ne donnez rien le style sera celui par défaut.)</span>
			</span>
			<span class="droite">
				<input type="text" name="style" id="style" onfocus="javascript:afficheInfo('style-info')" value="{STYLE}" />
				<span id="style-valid"><img src="images/file_up_to_date.gif" alt="ok" /></span>
			</span>
		</p>
		<p class="double">
			<span class="gauche">
				<label for="squelette">Squelette : </label>
				<span class="info" id="squelette-info">(Donnez juste le nom du pr&eacute;fixe du fichier template (PREFIXE_voir.html). Celui ci doit &circ;tre plac&eacute; dans template/site/dossiers/ du répertoire du style par d&eacute;faut. Si vous ne donnez rien le squelette sera celui par défaut.)</span>
			</span>
			<span class="droite">
				<input type="text" name="squelette" id="squelette" onfocus="javascript:afficheInfo('squelette-info')" value="{SQUELETTE}" />
				<span id="squelette-valid"><img src="images/file_up_to_date.gif" alt="ok" /></span>
			</span>
		</p>
		<p class="double">
			<span class="gauche">
				<label for="color">Couleur : </label>
				<span class="info" id="color-info">(La couleur sera utilis&eacute; r&eacute;guli&agrave;ment. Choisissez en des bien distinctes. Si vous n'en donnez pas ce sera celle de son parent.)</span>
			</span>
			<span class="droite">
				<input type="text" name="color" id="color" onfocus="javascript:afficheInfo('color-info'); change_palette();"  onblur="change_palette();" value="{COLOR}" />
				<span id="color-valid"><img src="images/file_up_to_date.gif" alt="ok" /></span>
			</span>
		</p>
		<p class="simple">
			<input class="button1" type="submit" value="Etape suivante" name="Etape suivante">
		</p>
	</form>
</fieldset>
<div id="colour_palette" style="display : none;">
	<script type="text/javascript">
		colorPalette('h', 15, 10);
	</script>
</div>
<!-- INCLUDE overall_footer.html -->